body {
    /* background-color: azure; */
    background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
  
}

.page-header {



    height: 400px;
    background-color: rgb(232, 243, 245);
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
}

.title {
    position: relative;
    margin: 0 auto;
    text-align: center;

    font-size: 40px;
    background-color: rgb(241, 235, 227);
    animation: mymove 5s infinite;
}

@keyframes mymove {
    0% {
        color: red;
   
      
    }

    25% {
        color: rgb(255, 0, 212);
 

    }

    50% {
        bcolor: blue;
       
    }

    100% {
        color: green;
  
       
    }
}

.clbox {
    position: relative;
    width: 25%;
    height: 500px;
   
}

.del {
    position: absolute;
    left: 35%;
    bottom: 30%;
    opacity: 0.5;
   
}
.head{
    position: relative;
}

.publish {
    
    position: fixed;
    float: right;
    background-image: linear-gradient(to top, #a7a6cb 0%, #8989ba 52%, #8989ba 100%);
}